.toast-container{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
    .toast-item{
        height: 60px;
        z-index: 999999;
        background-color: rgb(255, 255, 255);
        color: rgb(8, 8, 8);
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 23px;
        padding-left: 10px;
        .content{
            flex: 1;
            text-align: left;
            padding: 0 20px 0 10px;
            box-sizing: border-box;
            white-space: nowrap;
        }
        i{
            width: 30px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    .success{
        border: 1px solid rgb(66, 190, 82);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        i{
            color: rgb(0, 180, 39);
        }
    }
    .error{
        border: 1px solid rgb(255, 0, 0);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        i{
            color: rgb(255, 0, 0);
        }
    }
    .warn{
        border: 1px solid rgb(255, 115, 0);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        i{
            color: rgb(209, 84, 0);
        }
    }
    .info{
        border: 1px solid rgba(0, 119, 231, 0.692);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        i{
            color: rgb(0, 164, 230);
        }
    }
    .top{
        top: 100px;
    }
    .bottom{
        bottom: 100px;
    }
    .center{
    }
}